<template >
    <headVue name="商品详情"></headVue>
    <div class="all">
  <topVue ></topVue>
  <footerVue></footerVue>
</div>
</template>

<script lang="ts" setup>
import headVue from '@/components/head.vue';
import topVue from '@/components/detail/top.vue';
import footerVue from '@/components/detail/footer.vue';


</script>

<style scoped>
.all{
  background-color: #f7f7f7;
  padding: 10px;
  padding-bottom: 30px;

}

</style>